<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>新增角色</title>
    <link rel="stylesheet" href="../../lib/bootstrap-3.4.1-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../../font/iconfont.css">
    <script src="../../lib/jquery/jquery-3.6.0.min.js"></script>
    <script src="../../lib/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
    <script src="../../javaScript/quanXianGuanLi/date.js"></script>
    <script src="../../javaScript/quanXianGuanLi/renYuanShuJu.js"></script>
    <script src="../../javaScript/quanXianGuanLi/accountDetails.js"></script>


    <style>
        body {
            background-color: #F2F2F2;
        }
        
        .container {
            width: 1670px;
            line-height: 80px;
            background-color: white;
            border-radius: 2px;
            margin-top: 10px;
            padding: 30px 60px;
        }
        
        .input_title {
            text-align: right;
        }
        
        .input_title>span:first-of-type {
            color: red;
        }
        
        .input_title>span:last-of-type {
            text-align: justify;
            text-align-last: justify;
            display: inline-block;
            width: 60px;
        }
        
        .input_text,
        .drop_down {
            height: 45px;
            line-height: 45px;
            width: 100%;
        }
        
        .gender,
        .role {
            margin-right: 20px;
            display: inline-block;
        }
        
        .checkbox_span {
            display: inline-block;
            margin-left: 10px;
        }
        
        #authority {
            overflow: auto;
            height: 480px;
        }
        
        #authority::-webkit-scrollbar {
            display: none;
        }
        
        .table_down {
            height: 60px;
            overflow: hidden;
        }
        
        .drop_option {
            height: 60px;
            line-height: 60px;
            border: #E2E2E2 1px solid;
            background-color: #FCFCFC;
            cursor: pointer;
            padding: 0 20px;
        }
        
        .drop_option_down {
            margin: 0;
            line-height: 60px;
            cursor: pointer;
            border: #E2E2E2 1px solid;
        }
        
        .drop_option_down_top {
            height: 120px;
        }
        
        .drop_option_down>div {
            padding: 0 20px;
        }
        
        .drop_option_down .pull-left {
            margin-right: 20px;
        }
        
        .drop_option_down_top>div:first-of-type {
            height: 120px;
            border-right: #E2E2E2 1px solid;
        }
        
        .drop_option_down_center>div:first-of-type {
            border-right: #E2E2E2 1px solid;
        }
        
        .form-control {
            margin-top: 17.5px;
            min-width: 680px;
            max-width: 680px;
            min-height: 180px;
            max-height: 180px;
        }
        
        #zishu {
            text-align: right;
            height: 30px;
            line-height: 30px;
        }
        
        #zuoyouming {
            position: relative;
            width: 680px;
        }
        
        #zishu {
            position: absolute;
            bottom: 0;
            right: 0;
            color: gray;
        }
        
        .submit {
            /* 确定按钮 */
            background-color: #0099FF;
            color: white;
            border: 0;
            width: 125px;
            height: 45px;
            line-height: 43px;
            border-radius: 2px;
            margin-right: 20px;
        }
        
        .cancel {
            /* 取消按钮 */
            width: 125px;
            height: 45px;
            line-height: 41px;
            border-radius: 2px;
            border: 1px gray solid;
            background-color: white;
        }
    </style>
</head>

<body>
    <div class="container">
        <h2>新增角色</h2>
        <div class="row">
            <div class="col-md-1 col-xs-1 input_title">
                <span>*</span><span>角色名称</span>
            </div>
            <div class="col-md-4 col-xs-4">
                <input type="text" class="input_text" value="">
            </div>
        </div>
        <div class="row">
            <div class="col-md-1 col-xs-1 input_title">
                <span>*</span><span>角色编码</span>
            </div>
            <div class="col-md-4 col-xs-4">
                <div class="gender">
                    <input type="radio" name="xingbie" value="">男
                </div>
                <div class="gender">
                    <input type="radio" name="xingbie" value="">女
                </div>
                <div class="gender">
                    <input type="radio" name="xingbie" value="">保密
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-1 col-xs-1 input_title">
                <span>*</span><span>所属组织</span>
            </div>
            <div class="col-md-4 col-xs-4">
                <select class="drop_down">
                <option value="">请选择所属组织</option>
                <option value="运营部">运营部</option>
                <option value="市场部">市场部</option>
                <option value="产品部">产品部</option>
                <option value="技术部">技术部</option>
                <option value="设计部">设计部</option>
                <option value="测试部">测试部</option>
                <option value="财务部">财务部</option>
                <option value="人事部">人事部</option>
                <option value="客服部">客服部</option>
                    </select>
            </div>
        </div>

        <div class="row">
            <div class="col-md-1 col-xs-1 input_title">
                <span>*</span><span>角色权限</span>
            </div>
            <div class="col-md-8 col-xs-8" id="authority">
                <div class=" table_down clearfix">
                    <div class="drop_option"><input type="checkbox" value=""><span class="checkbox_span">一级选项 A</span><span class="iconfont icon-arrow-down pull-right"></span></div>
                    <div class="row drop_option_down drop_option_down_top">
                        <div class="col-md-2 col-xs-2">
                            <input type="checkbox" value=""><span class="checkbox_span">二级选项</span>
                        </div>
                        <div class="col-md-10 col-xs-10 clearfix">
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">新增</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">编辑</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">删除</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">刷新</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">批量编辑</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">批量删除</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">批量审核</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">批量刷新</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">批量强制取消</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">详情</span></div>
                        </div>
                    </div>
                    <div class="row drop_option_down drop_option_down_center">
                        <div class="col-md-2 col-xs-2">
                            <input type="checkbox" value=""><span class="checkbox_span">二级选项</span>
                        </div>
                        <div class="col-md-10 col-xs-10 clearfix">
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                        </div>
                    </div>
                    <div class="row drop_option_down drop_option_down_center">
                        <div class="col-md-2 col-xs-2">
                            <input type="checkbox" value=""><span class="checkbox_span">二级选项</span>
                        </div>
                        <div class="col-md-10 col-xs-10 clearfix">
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                        </div>
                    </div>
                </div>
                <div class=" table_down clearfix">
                    <div class="drop_option"><input type="checkbox" value=""><span class="checkbox_span">一级选项 B</span><span class="iconfont icon-arrow-down pull-right"></span></div>
                    <div class="row drop_option_down drop_option_down_top">
                        <div class="col-md-2 col-xs-2">
                            <input type="checkbox" value=""><span class="checkbox_span">二级选项</span>
                        </div>
                        <div class="col-md-10 col-xs-10 clearfix">
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">新增</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">编辑</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">删除</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">刷新</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">批量编辑</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">批量删除</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">批量审核</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">批量刷新</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">批量强制取消</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">详情</span></div>
                        </div>
                    </div>
                    <div class="row drop_option_down drop_option_down_center">
                        <div class="col-md-2 col-xs-2">
                            <input type="checkbox" value=""><span class="checkbox_span">二级选项</span>
                        </div>
                        <div class="col-md-10 col-xs-10 clearfix">
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                        </div>
                    </div>
                    <div class="row drop_option_down drop_option_down_center">
                        <div class="col-md-2 col-xs-2">
                            <input type="checkbox" value=""><span class="checkbox_span">二级选项</span>
                        </div>
                        <div class="col-md-10 col-xs-10 clearfix">
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                        </div>
                    </div>
                </div>
                <div class=" table_down clearfix">
                    <div class="drop_option"><input type="checkbox" value=""><span class="checkbox_span">一级选项 C</span><span class="iconfont icon-arrow-down pull-right"></span></div>
                    <div class="row drop_option_down drop_option_down_top">
                        <div class="col-md-2 col-xs-2">
                            <input type="checkbox" value=""><span class="checkbox_span">二级选项</span>
                        </div>
                        <div class="col-md-10 col-xs-10 clearfix">
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">新增</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">编辑</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">删除</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">刷新</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">批量编辑</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">批量删除</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">批量审核</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">批量刷新</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">批量强制取消</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">详情</span></div>
                        </div>
                    </div>
                    <div class="row drop_option_down drop_option_down_center">
                        <div class="col-md-2 col-xs-2">
                            <input type="checkbox" value=""><span class="checkbox_span">二级选项</span>
                        </div>
                        <div class="col-md-10 col-xs-10 clearfix">
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                        </div>
                    </div>
                    <div class="row drop_option_down drop_option_down_center">
                        <div class="col-md-2 col-xs-2">
                            <input type="checkbox" value=""><span class="checkbox_span">二级选项</span>
                        </div>
                        <div class="col-md-10 col-xs-10 clearfix">
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                        </div>
                    </div>
                </div>
                <div class=" table_down clearfix">
                    <div class="drop_option"><input type="checkbox" value=""><span class="checkbox_span">一级选项 D</span><span class="iconfont icon-arrow-down pull-right"></span></div>
                    <div class="row drop_option_down drop_option_down_top">
                        <div class="col-md-2 col-xs-2">
                            <input type="checkbox" value=""><span class="checkbox_span">二级选项</span>
                        </div>
                        <div class="col-md-10 col-xs-10 clearfix">
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">新增</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">编辑</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">删除</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">刷新</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">批量编辑</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">批量删除</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">批量审核</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">批量刷新</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">批量强制取消</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">详情</span></div>
                        </div>
                    </div>
                    <div class="row drop_option_down drop_option_down_center">
                        <div class="col-md-2 col-xs-2">
                            <input type="checkbox" value=""><span class="checkbox_span">二级选项</span>
                        </div>
                        <div class="col-md-10 col-xs-10 clearfix">
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                        </div>
                    </div>
                    <div class="row drop_option_down drop_option_down_center">
                        <div class="col-md-2 col-xs-2">
                            <input type="checkbox" value=""><span class="checkbox_span">二级选项</span>
                        </div>
                        <div class="col-md-10 col-xs-10 clearfix">
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                        </div>
                    </div>
                </div>
                <div class=" table_down clearfix">
                    <div class="drop_option"><input type="checkbox" value=""><span class="checkbox_span">一级选项 E</span><span class="iconfont icon-arrow-down pull-right"></span></div>
                    <div class="row drop_option_down drop_option_down_top">
                        <div class="col-md-2 col-xs-2">
                            <input type="checkbox" value=""><span class="checkbox_span">二级选项</span>
                        </div>
                        <div class="col-md-10 col-xs-10 clearfix">
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">新增</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">编辑</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">删除</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">刷新</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">批量编辑</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">批量删除</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">批量审核</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">批量刷新</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">批量强制取消</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">详情</span></div>
                        </div>
                    </div>
                    <div class="row drop_option_down drop_option_down_center">
                        <div class="col-md-2 col-xs-2">
                            <input type="checkbox" value=""><span class="checkbox_span">二级选项</span>
                        </div>
                        <div class="col-md-10 col-xs-10 clearfix">
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                        </div>
                    </div>
                    <div class="row drop_option_down drop_option_down_center">
                        <div class="col-md-2 col-xs-2">
                            <input type="checkbox" value=""><span class="checkbox_span">二级选项</span>
                        </div>
                        <div class="col-md-10 col-xs-10 clearfix">
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                        </div>
                    </div>
                </div>
                <div class=" table_down clearfix">
                    <div class="drop_option"><input type="checkbox" value=""><span class="checkbox_span">一级选项 F</span><span class="iconfont icon-arrow-down pull-right"></span></div>
                    <div class="row drop_option_down drop_option_down_top">
                        <div class="col-md-2 col-xs-2">
                            <input type="checkbox" value=""><span class="checkbox_span">二级选项</span>
                        </div>
                        <div class="col-md-10 col-xs-10 clearfix">
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">新增</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">编辑</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">删除</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">刷新</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">批量编辑</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">批量删除</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">批量审核</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">批量刷新</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">批量强制取消</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">详情</span></div>
                        </div>
                    </div>
                    <div class="row drop_option_down drop_option_down_center">
                        <div class="col-md-2 col-xs-2">
                            <input type="checkbox" value=""><span class="checkbox_span">二级选项</span>
                        </div>
                        <div class="col-md-10 col-xs-10 clearfix">
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                        </div>
                    </div>
                    <div class="row drop_option_down drop_option_down_center">
                        <div class="col-md-2 col-xs-2">
                            <input type="checkbox" value=""><span class="checkbox_span">二级选项</span>
                        </div>
                        <div class="col-md-10 col-xs-10 clearfix">
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                        </div>
                    </div>
                </div>
                <div class=" table_down clearfix">
                    <div class="drop_option"><input type="checkbox" value=""><span class="checkbox_span">一级选项 G</span><span class="iconfont icon-arrow-down pull-right"></span></div>
                    <div class="row drop_option_down drop_option_down_top">
                        <div class="col-md-2 col-xs-2">
                            <input type="checkbox" value=""><span class="checkbox_span">二级选项</span>
                        </div>
                        <div class="col-md-10 col-xs-10 clearfix">
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">新增</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">编辑</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">删除</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">刷新</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">批量编辑</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">批量删除</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">批量审核</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">批量刷新</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">批量强制取消</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">详情</span></div>
                        </div>
                    </div>
                    <div class="row drop_option_down drop_option_down_center">
                        <div class="col-md-2 col-xs-2">
                            <input type="checkbox" value=""><span class="checkbox_span">二级选项</span>
                        </div>
                        <div class="col-md-10 col-xs-10 clearfix">
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                        </div>
                    </div>
                    <div class="row drop_option_down drop_option_down_center">
                        <div class="col-md-2 col-xs-2">
                            <input type="checkbox" value=""><span class="checkbox_span">二级选项</span>
                        </div>
                        <div class="col-md-10 col-xs-10 clearfix">
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                        </div>
                    </div>
                </div>
                <div class=" table_down clearfix">
                    <div class="drop_option"><input type="checkbox" value=""><span class="checkbox_span">一级选项 H</span><span class="iconfont icon-arrow-down pull-right"></span></div>
                    <div class="row drop_option_down drop_option_down_top">
                        <div class="col-md-2 col-xs-2">
                            <input type="checkbox" value=""><span class="checkbox_span">二级选项</span>
                        </div>
                        <div class="col-md-10 col-xs-10 clearfix">
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">新增</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">编辑</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">删除</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">刷新</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">批量编辑</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">批量删除</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">批量审核</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">批量刷新</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">批量强制取消</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">详情</span></div>
                        </div>
                    </div>
                    <div class="row drop_option_down drop_option_down_center">
                        <div class="col-md-2 col-xs-2">
                            <input type="checkbox" value=""><span class="checkbox_span">二级选项</span>
                        </div>
                        <div class="col-md-10 col-xs-10 clearfix">
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                        </div>
                    </div>
                    <div class="row drop_option_down drop_option_down_center">
                        <div class="col-md-2 col-xs-2">
                            <input type="checkbox" value=""><span class="checkbox_span">二级选项</span>
                        </div>
                        <div class="col-md-10 col-xs-10 clearfix">
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                            <div class="pull-left"><input type="checkbox" value=""><span class="checkbox_span">三级选项</span></div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <div class="row">
            <div class="col-md-1 col-xs-1 input_title">
                <span>&nbsp</span><span>角色描述</span>
            </div>
            <div class="col-md-6 col-xs-6" id="zuoyouming">
                <textarea class="form-control" rows="8"></textarea>
                <div id="zishu"><span>0</span>/200</div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-1 col-xs-1 input_title"></div>
            <div class="col-md-4 col-xs-4">
                <button class="submit">提交</button><button class="cancel">取消</button>
            </div>
        </div>
    </div>
</body>
<script>
    yearDate()
    monthDate()
    let years = 1971
    let months = 1
    year_date.forEach(item => {
        $('#yearDay').append(`
        <option value="${item}">${item}</option>
        `)
    });
    month_date.forEach(item => {
        $('#monthDay').append(`
        <option value="${item}">${item}</option>
        `)
    })

    $('#yearDay').on('click', $('option'), function() {
        years = $(this).val()
        newDay() //每次修改年份后重新渲染日期
    })

    $('#monthDay').on('click', $('option'), function() {
        months = $(this).val()
        newDay() //每次修改月份后重新渲染日期
    })

    function newDay() {
        $('#dayDay').html('') //日期里的内容清空
        day_date = [] //天数数组清空
        dayDate(years, months) //调用函数
        day_date.forEach(item => {
            $('#dayDay').append(`
        <option value="${item}">${item}</option>
        `)
        })
    }
    $('.drop_option').click(function() { //下拉样式
        if ($(this).parent().css('height') == '60px') {
            $(this).parent().css({
                height: 'auto'
            })
            $(this).parent().siblings().css({
                height: '60px'
            })
            return
        }
        $(this).parent().css({
            height: '60px'
        })
    })


    $('.form-control')[0].oninput = function() { //用oninput获取输入的字数
        console.log($(this).val().length);
        $('#zishu>span').text($('.form-control').val().length)
    }
</script>
<script src="../../javaScript/quanXianGuanLi/anNiu.js"></script>

</html>